import {
  init
} from 'snabbdom/build/package/init'
import {
  h
} from 'snabbdom/build/package/h'
// 导入模块
import {
  styleModule
} from 'snabbdom/build/package/modules/style'
import {
  eventListenersModule
} from 'snabbdom/build/package/modules/eventlisteners'

// 注册模块
const patch = init([
  styleModule,
  eventListenersModule
])

// 使用 h() 函数的第二个参数传入模块中使用的数据（对象）
let vnode = h('div', [
  h('h1', {
    style: {
      backgroundColor: 'red'
    }
  }, 'Hello World'),
  h('p', {
    on: { click: eventHandler }
  }, 'Hello P')
])

function eventHandler () {
  console.log('别点我，疼')
}

let app = document.querySelector('#app')

patch(app, vnode)